<template>
  <view class="agreement-container">
    <view class="header">
      <text class="title">用户协议</text>
    </view>
    
    <scroll-view class="content" scroll-y="true">
      <view class="section">
        <text class="section-title">一、协议的接受</text>
        <text class="section-content">欢迎使用我们的健康之旅应用。通过注册或使用我们的服务，您表示同意接受本用户协议的所有条款和条件。如果您不同意本协议的任何部分，请不要使用我们的服务。</text>
      </view>
      
      <view class="section">
        <text class="section-title">二、账户注册与安全</text>
        <text class="section-content">1. 您必须年满18周岁才能使用我们的服务。
        2. 您需要提供准确、真实、完整的个人资料，并在资料变更时及时更新。
        3. 您应妥善保管账户和密码，对使用您账户进行的所有操作负全部责任。
        4. 如发现任何未经授权使用您账户的情况，应立即通知我们。</text>
      </view>
      
      <view class="section">
        <text class="section-title">三、用户行为规范</text>
        <text class="section-content">1. 您在使用我们的服务时必须遵守中华人民共和国的法律法规。
        2. 不得利用我们的服务从事任何非法活动，包括但不限于：传播非法信息、侵犯他人知识产权、干扰服务正常运行等。
        3. 不得滥用我们的服务，包括但不限于：通过自动化手段批量注册账户、过度占用系统资源等。</text>
      </view>
      
      <view class="section">
        <text class="section-title">四、知识产权</text>
        <text class="section-content">1. 我们的服务及其相关的所有内容、资料、信息（包括但不限于文字、图片、音频、视频、代码等）的知识产权归我们所有。
        2. 未经我们的书面许可，您不得以任何方式使用、复制或传播我们的知识产权。</text>
      </view>
      
      <view class="section">
        <text class="section-title">五、隐私保护</text>
        <text class="section-content">我们重视您的隐私保护，具体内容请参阅我们的《隐私政策》。</text>
      </view>
      
      <view class="section">
        <text class="section-title">六、服务变更、中断或终止</text>
        <text class="section-content">1. 我们有权在必要时变更、中断或终止部分或全部服务，并不承担赔偿责任，但应提前通知您。
        2. 如您违反本协议的任何条款，我们有权暂停或终止向您提供服务。</text>
      </view>
      
      <view class="section">
        <text class="section-title">七、免责声明</text>
        <text class="section-content">1. 我们不对因网络故障、系统故障等不可抗力因素导致的服务中断或数据丢失承担责任。
        2. 您理解并同意，我们不对用户之间通过我们的服务进行的交流内容承担责任。</text>
      </view>
      
      <view class="section">
        <text class="section-title">八、协议的修改</text>
        <text class="section-content">我们有权随时修改本协议的条款，修改后的协议将在应用内公布。您继续使用我们的服务即表示接受修改后的协议。</text>
      </view>
      
      <view class="section">
        <text class="section-title">九、法律适用与争议解决</text>
        <text class="section-content">1. 本协议的订立、执行、解释及争议的解决均适用中华人民共和国法律。
        2. 如就本协议发生任何争议，双方应友好协商解决；协商不成的，任何一方均有权向有管辖权的人民法院提起诉讼。</text>
      </view>
      
      <view class="section">
        <text class="section-title">十、其他条款</text>
        <text class="section-content">1. 本协议构成双方之间关于本协议主题的完整协议，取代之前所有的口头或书面协议。
        2. 如本协议的任何条款被认定为无效或不可执行，该条款不影响其他条款的有效性。
        3. 本协议自您注册或使用我们的服务之日起生效。</text>
      </view>
    </scroll-view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      
    }
  },
  methods: {
    
  }
}
</script>

<style>
/* 页面容器 */
.agreement-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #f5f5f5;
}

/* 头部 */
.header {
  padding: 30rpx;
  background-color: #ffffff;
  border-bottom: 1rpx solid #e0e0e0;
  text-align: center;
}

.title {
  font-size: 36rpx;
  font-weight: 600;
  color: #333333;
}

/* 内容区域 */
.content {
  flex: 1;
  padding: 30rpx;
  box-sizing: border-box;
}

/* 章节 */
.section {
  margin-bottom: 40rpx;
  padding: 30rpx;
  background-color: #ffffff;
  border-radius: 16rpx;
  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
}

.section-title {
  display: block;
  font-size: 32rpx;
  font-weight: 600;
  color: #333333;
  margin-bottom: 20rpx;
}

.section-content {
  display: block;
  font-size: 28rpx;
  color: #666666;
  line-height: 1.8;
  white-space: pre-wrap;
}
</style>